<script setup lang="ts">
// 1. 非TS版本的写法
// const props = defineProps({
//   money: {
//     type: Number,
//     required: true
//   },
//   car: {
//     type: String,
//     default: '自行车'
//   }
// })

// 2. TS版本写法
// const props = defineProps<{
//   money: number
//   car?: string
// }>()

// 3. TS版本写法 - 设置默认值
// const props = withDefaults(defineProps<{
//   money: number
//   car?: string
// }>(), {
//   car: '自行车'
// })
// console.log(props.money, props.car);

// 4. TS版本写法 - 设置默认值(终版)
const { money, car = '自行车' } = defineProps<{
  money: number
  car?: string
}>()



console.log(money, car);

</script>

<template>
  <div>
    <h3>钱包: {{ money }}, 车: {{ car }}</h3>
  </div>
</template>

<style scoped></style>
